<template>
  <div>
    <div>改变title：{{ title }}</div>
  </div>
</template>
<script setup lang="ts">
import { isProxy, ref, computed, reactive } from 'vue'
const props = defineProps<{
  title: string
}>()

const aC = computed(() => props.title)
// isProxy 判断什么？ reactive()、readonly()、shallowReactive() 或 shallowReadonly() 创建的代理。
// 答案：isProxy 判断一个对象是否是代理对象
const a = ref(10)
const b = reactive({
  name: '111',
})

console.log(1, isProxy(props.title)) //false
console.log(2, isProxy(aC)) //false
console.log(3, isProxy(a)) //false
console.log(4, isProxy(b)) //true
</script>

<style scoped lang="scss"></style>
